{if isset($type) && $type == 'ajax'}
<div class="item" v-for="item in list.list">
    <div class="start item-preview padding-right margin-right" style="width: 180px;">
        <a class="pic-4b3 hover-zoom radius overflow-hidden" :href="item.url" :title="item.title">
            <div class="wrap">
                <img :src="item.preview">
            </div>
        </a>
    </div>
    <div class="detail">
        <!--
        <div class="ui flex-item medium-text">
            <div class="avatar tiny circle text-small">
                <i class="fa fa-user"></i>
            </div>
            <div class="center justify-center padding-start">{{ item.userNickname || '管理员' }}</div>
            <div class="end justify-center">{{ dateFormat(item.datetime, "%Y/%m/%d") }}</div>
        </div>
        -->
        <div class="title text-large">
            <a class="text-bold max-one-line-text" :href="item.url" :title="item.title">{{ item.title }}</a>
        </div>
        <div class="desc margin-top-half medium-text max-three-line-text line-height-20px">{{ item.description }}</div>
        <div class="padding-top ui flex-item">
            <div class="center medium-text justify-center">{{ dateFormat(item.datetime, "%Y/%m/%d") }}</div>
            <div class="end">
                <a v-for="tag in item.tagList" class="ui tag blue" :href="'{url url='/cms/web/tag'}/' + tag.tag + '.html'">#{{ tag.tag }}</a>
            </div>
        </div>
    </div>
</div>
<div class="padding margin text-center" v-if="canLoad">
    <div class="ui button waiting round" :class="{ loading: loading }" @click="getList">{{ loading ? '正在加载' : '加载更多' }}</div>
</div>
{else}
<div class="item">
    <div class="start item-preview padding-right margin-right" style="width: 180px;">
        <a class="pic-4b3 hover-zoom radius overflow-hidden" href="{$item.url}" title="{$item.title}">
            <div class="wrap">
                <img src="{$item.preview}" alt="{$item.title}">
            </div>
        </a>
    </div>
    <div class="detail">
        <!--
        <div class="ui flex-item medium-text padding-bottom">
            <div class="avatar tiny circle text-small">
                <i class="fa fa-user"></i>
            </div>
            <div class="center justify-center padding-start">{$item.userNickname|default:'管理员'}</div>
            <div class="end justify-center">{$item.datetime|date_format:"%Y/%m/%d"}</div>
        </div>
        -->
        <div class="title">
            <a class="text-bold max-one-line-text text-large" href="{$item.url}" title="{$item.title}">{$item.title} {$item.tags}</a>
        </div>
        <div class="desc margin-top-half medium-text max-three-line-text line-height-20px">{$item.description}</div>
        <div class="padding-top ui flex-item">
            <div class="center medium-text justify-center">{$item.datetime|date_format:"%Y/%m/%d"}</div>
            <div class="end">
                {foreach $item.tagList as $tag}
                <a class="ui tag blue" href="/cms/tag/{$tag.tag}.html">#{$tag.tag}</a>
                {/foreach}
            </div>
        </div>
    </div>
</div>
{/if}